# 假设你已经分别生成了 chart1.html ... chart6.html
html = """
<!DOCTYPE html>
<html>
<head>
    <title>乌克兰冲突数据分析大屏</title>
    <style>
        .dashboard { display: flex; flex-wrap: wrap; width: 1800px; }
        .chart-frame { width: 600px; height: 400px; border: none; }
    </style>
</head>
<body>
    <h1 style="text-align:center;">乌克兰冲突数据分析大屏</h1>
    <div class="dashboard">
        <iframe src="chart1_time_trend.html          " class="chart-frame"></iframe>
        <iframe src="chart2_conflict_analysis.html   " class="chart-frame"></iframe>
        <iframe src="chart3_fatalities_bar.html      " class="chart-frame"></iframe>
        <iframe src="chart4_interaction_analysis.html" class="chart-frame"></iframe>
        <iframe src="chart5_actor_analysis.html      " class="chart-frame"></iframe>
        <iframe src="chart6_event_type_trend.html    " class="chart-frame"></iframe>
    </div>
</body>
</html>
"""
with open("ukraine_conflict_dashboard.html", "w", encoding="utf-8") as f:
    f.write(html)